layui.use(['element', 'layer', 'table'], function () {
    var element = layui.element;
    var $ = layui.$,
        layer = layui.layer;
    if ($("#msg").val() != "") {
        if ($("#msg").val() == "登录成功!") {
            var index = parent.layer.getFrameIndex(window.name);
            //再执行关闭
            parent.layer.close(index);
            //刷新页面
            parent.location.href = "/Admin/AIndex";
        } else {
            layer.msg($("#msg").val());
        }
    }

    $(".head-icon .layui-nav li a").click(function () {
        var url = '/Admin/userlist';
        var cols = [[
            {type: 'checkbox', fixed: 'left'}
            , {field: 'id', title: 'ID', sort: true, fixed: 'left'}
            , {field: 'uid', title: '昵称'}
            , {field: 'name', title: '用户名'}
            , {field: 'img', title: '头像'}
            , {field: 'sex', title: '性别', sort: true}
            , {field: 'birthday', title: '生日'}
            , {field: 'phone', title: '手机'}
            , {field: 'email', title: '邮箱'}
            , {field: 'follows', title: '关注人数'}
            , {field: 'fans', title: '粉丝人数'}
            , {field: 'blogNumber', title: '博客数'}
            , {field: 'zanNumber', title: '被赞数'}
            , {field: 'fans', title: '粉丝人数'}
            , {field: 'date', title: '注册时间'}
            , {field: 'autogragh', title: '个性签名'}
            , {field: 'description', title: '描述'}
            , {field: 'professional', title: '职业'}
            , {field: 'school', title: '学校'}
            , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 70}
        ]];
        if ($(this).attr("value") != "6") {
            $(".content").show();
            $(".dataview").hide();
            $(".content").empty();
            $(".content").append(
                "<table id='test' lay-filter='test'></table>"
            );
        }
        switch ($(this).attr("value")) {
            case "1":
                $("#type").attr("value", 1);
                table.render({
                    elem: '#test'
                    , cellMinWidth: 80
                    , height: 450
                    , toolbar: '#toolbarDemo'
                    , defaultToolbar: ['filter', 'exports', 'print']
                    , url: url //数据接口
                    , page: true //开启分页
                    , limit: 10
                    , limits: [5, 10, 20, 30, 40, 50, 100]
                    , cols: cols
                });
                break;
            case "2":
                $("#type").attr("value", 2);
                url = '/Admin/bloglist';
                cols = [[
                    {type: 'checkbox', fixed: 'left'}
                    , {field: 'bid', title: 'BID', sort: true, fixed: 'left'}
                    , {field: 'id', title: '博主ID'}
                    , {field: 'title', title: '标题'}
                    , {field: 'content', title: '正文'}
                    , {field: 'category', title: '分类', sort: true}
                    , {field: 'opened', title: '是否公开', sort: true}
                    , {field: 'date', title: '发布日期', sort: true}
                    , {field: 'updateDate', title: '最新修改日期'}
                    , {field: 'likeNumber', title: '被赞数', sort: true}
                    , {field: 'collectionNumber', title: '收藏量', sort: true}
                    , {field: 'browseNumber', title: '浏览量', sort: true}
                    , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 70}
                ]];
                table.render({
                    elem: '#test'
                    , cellMinWidth: 80
                    , height: 450
                    , toolbar: '#toolbarDemo'
                    , defaultToolbar: ['filter', 'exports', 'print']
                    , url: url //数据接口
                    , page: true //开启分页
                    , limit: 10
                    , limits: [5, 10, 20, 30, 40, 50, 100]
                    , cols: cols
                });
                break;
            case "3":
                $("#type").attr("value", 3);
                url = '/Admin/diarylist';
                cols = [[
                    {type: 'checkbox', fixed: 'left'}
                    , {field: 'did', title: 'DID', sort: true, fixed: 'left'}
                    , {field: 'id', title: '用户ID'}
                    , {field: 'content', title: '正文'}
                    , {field: 'opened', title: '是否公开', sort: true}
                    , {field: 'date', title: '发布日期', sort: true}
                    , {field: 'likeNumber', title: '被赞数', sort: true}
                    , {field: 'browseNumber', title: '浏览量', sort: true}
                    , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 70}
                ]];
                table.render({
                    elem: '#test'
                    , cellMinWidth: 80
                    , height: 450
                    , toolbar: '#toolbarDemo'
                    , defaultToolbar: ['filter', 'exports', 'print']
                    , url: url //数据接口
                    , page: true //开启分页
                    , limit: 10
                    , limits: [5, 10, 20, 30, 40, 50, 100]
                    , cols: cols
                });
                break;
            case "4":
                $("#type").attr("value", 4);
                url = '/Admin/commentlist';
                cols = [[
                    {type: 'checkbox', fixed: 'left'}
                    , {field: 'cid', title: 'CID', sort: true, fixed: 'left'}
                    , {field: 'id', title: '博主ID'}
                    , {field: 'iid', title: '用户昵称'}
                    , {field: 'bid', title: '博客ID'}
                    , {field: 'content', title: '评论内容', sort: true}
                    , {field: 'date', title: '发布日期', sort: true}
                    , {field: 'likeNumber', title: '被赞数', sort: true}
                    , {fixed: 'right', title: '操作', toolbar: '#barDemo'}
                ]];
                table.render({
                    elem: '#test'
                    , cellMinWidth: 80
                    , height: 450
                    , toolbar: '#toolbarDemo'
                    , defaultToolbar: ['filter', 'exports', 'print']
                    , url: url //数据接口
                    , page: true //开启分页
                    , limit: 10
                    , limits: [5, 10, 20, 30, 40, 50, 100]
                    , cols: cols
                });
                break;
            case "5":
                $("#type").attr("value", 5);
                url = '/Admin/replylist';
                cols = [[
                    {type: 'checkbox', fixed: 'left'}
                    , {field: 'rid', title: 'RID', sort: true, fixed: 'left'}
                    , {field: 'id', title: '评论作者ID'}
                    , {field: 'iid', title: '用户昵称'}
                    , {field: 'cid', title: '评论ID'}
                    , {field: 'content', title: '正文', sort: true}
                    , {field: 'date', title: '发布日期', sort: true}
                    , {field: 'likeNumber', title: '被赞数', sort: true}
                    , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 70}
                ]];
                table.render({
                    elem: '#test'
                    , cellMinWidth: 80
                    , height: 450
                    , toolbar: '#toolbarDemo'
                    , defaultToolbar: ['filter', 'exports', 'print',
                        {
                            title: '提示'
                            , layEvent: 'LAYTABLE_TIPS'
                            , icon: 'layui-icon-tips'
                        }]
                    , url: url //数据接口
                    , page: true //开启分页
                    , limit: 10
                    , limits: [5, 10, 20, 30, 40, 50, 100]
                    , cols: cols
                });
                break;
            case "6":
                $(".content").show();
                $(".dataview").hide();
                getdata(1);
                break;
            default:
                break;
        }

    });
    //列表
    var table = layui.table;

    //用户实例
    table.render({
        elem: '#test'
        , height: 450
        , url: '/Admin/userlist' //数据接口
        , cellMinWidth: 80
        , toolbar: '#toolbarDemo'
        , defaultToolbar: ['filter', 'exports', 'print', {
            title: '提示'
            , layEvent: 'LAYTABLE_TIPS'
            , icon: 'layui-icon-tips'
        }]
        , page: true //开启分页
        , limit: 10
        , limits: [5, 10, 20, 30, 40, 50, 100]
        , cols: [[ //表头
            {type: 'checkbox', fixed: 'left'}
            , {field: 'id', title: 'ID', sort: true, fixed: 'left'}
            , {field: 'uid', title: '昵称'}
            , {field: 'name', title: '用户名'}
            , {field: 'img', title: '头像'}
            , {field: 'sex', title: '性别', sort: true}
            , {field: 'birthday', title: '生日'}
            , {field: 'phone', title: '手机'}
            , {field: 'email', title: '邮箱'}
            , {field: 'follows', title: '关注人数'}
            , {field: 'fans', title: '粉丝人数'}
            , {field: 'blogNumber', title: '博客数'}
            , {field: 'zanNumber', title: '被赞数'}
            , {field: 'fans', title: '粉丝人数'}
            , {field: 'date', title: '注册时间'}
            , {field: 'autogragh', title: '个性签名'}
            , {field: 'description', title: '描述'}
            , {field: 'professional', title: '职业'}
            , {field: 'school', title: '学校'}
            , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 70}
        ]]
    });
    //头工具栏事件
    table.on('toolbar(test)', function (obj) {
        var checkStatus = table.checkStatus(obj.config.id);
        switch (obj.event) {
            case 'getCheckData':
                var data = checkStatus.data;
                layer.alert(JSON.stringify(data));
                break;
            case 'getCheckLength':
                var data = checkStatus.data;
                layer.msg('选中了：' + data.length + ' 个');
                break;
            case 'isAll':
                layer.msg(checkStatus.isAll ? '全选' : '未全选');
                break;
            case 'allDel':
                var data = checkStatus.data;
                delall(data);
                break;
            //自定义头工具栏右侧图标 - 提示
            case 'LAYTABLE_TIPS':
                layer.alert('这是工具栏右侧自定义的一个图标按钮');
                break;
        }
    });

    //批量删除
    function delall(data) {
        if (data.length == 1) {
            layer.msg("只删除一个就不要用批量删除啊!");
        } else {
            var ids = "";
            for (var i in data) {
                for (var n in data[i]) {
                    ids += data[i][n] + ',';
                    break;
                }
                data[i].del();
                continue;
            }
            console.log(ids);
            $.ajax({
                url: "/Admin/delall/" + ids,
                success(data) {
                    layer.msg(data.msg);
                }
            })
        }
    }

    //监听行工具事件
    table.on('tool(test)', function (obj) {
        var data = obj.data;
        var type = $("#type").attr("value");
        var id;
        for (var i in data) {
            id = data[i];
            break;
        }
        console.log("删除" + id);
        if (obj.event === 'del') {
            layer.confirm('真的删除行么', function (index) {
                obj.del();
                $.ajax({
                    url: "/Admin/deldata/" + type + "/" + id,
                    success(data) {
                        layer.msg(data.msg);
                    }
                });
                layer.close(index);
            });
        }
    });

    //数据可视化
    $("#checkmain dd a").click(function () {
        $(".content").hide();
        $(".dataview").show();
        switch ($(this).text()) {
            case "博客发布统计":
                getdata(1);
                break;
            case "博客标签统计":
                getdata(2);
                break;
            case "日记统计":
                getdata(3);
                break;
            case "评论统计":
                getdata(4);
                break;
            case "关注统计":
                getdata(5);
                break;
            case "粉丝统计":
                getdata(6);
                break;
            default:
                break;
        }
    });

    function getdata(type) {
        var title, legend, xAxis, series;
        $.ajax({
            url: '/Admin/getdata/' + type,
            success(data) {
                title = data.title;
                legend = data.legend;
                xAxis = data.xAxis;
                series = data.series;
                console.log(xAxis);
                console.log("那你");
                console.log(series);
                dataview(title, legend, xAxis, series);
            }
        })
    }

    function dataview(title, legend, xAxis, series) {
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
            title: {
                text: title
            },
            tooltip: {},
            legend: {
                data: legend
            },
            xAxis: {
                data: xAxis
            },
            yAxis: {},
            series: [{
                name: '数量',
                type: 'bar',
                data: series
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    }
});